<script type="text/javascript" charset="utf-8">
			/* Global var for counter */
			
			$(document).ready(function() {
				$('#example').dataTable();
				$('#example_length').remove();
				$('#example_filter').remove();
				$('#example_info').remove();
				$('#example_paginate').remove();
				
			} );
			</script>

<!-- /.section, /#navigation -->
<div id="main-wrapper">
  <div class="clearfix with-navigation" id="main">
    <div class="column" id="content">
    <div class="breadcrumb"><h3>Shopping cart Products:</h3> </div>
      <div class="section">
      	<!--{$htmlErrMsg}-->
        <h1></h1>
          <div id="content-area"  style = "min-height:500px;">
          <form action="<!--{$smarty.const.HTTP_URL}-->pay/index.php" method="post" id="user-register" >
              <input type="hidden" name="mode" id="mode" value="order" />
              <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
	                			<div class="description" style = "padding-top:30px;">
	                			 Amount Count($):
	                					<span class="form-required" title="This field is required.">
	                						<!--{$amountCount}-->
	                					</span>
	                			</div>
             <div id="demo" style= "min-height: 400px">
						<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" style='WIDTH:700px;algint:center'>
							<thead>
								<tr>
									<th>No.</th>
									<th >Service Name</th>
									<th>Price($) </th>
									<th>Quantity</th>
									<th>Amount Total</th>
								</tr>
							</thead>
							<tbody>
							<!--{section name=cnt loop=$serviceInfo}-->
								<tr>
									<td style="width:5px"><!--{$smarty.section.cnt.index}--></td>
									<td style="width:100px"><!--{$serviceInfo[cnt].serviceName|escape}--></td>
									<td style="width:50px"><!--{$serviceInfo[cnt].price|escape}--></td>
									<td style="width:50px"><!--{$serviceInfo[cnt].quantity|escape}--></td>
									<td style="width:50px"><!--{$serviceInfo[cnt].amountTotal|escape}--></td>
								</tr>
							<!--{/section}-->
							</tbody>
						</table>
						
						<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" style='WIDTH:700px;algint:center'>
							<thead>
								<tr>
									<th style="width:100px"></th>
									<th style="width:300px"></th>
									<th style="width:50px"></th>
									<th style="width:55px"></th>
									<th style="width:50px"></th>
								</tr>
							</thead>
							<tbody>
								
								<tr>
									<td colspan="4" align="right"><input type="image" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_dg_pay_w_paypal.gif" /> </td>
									<td ><input name="bk" id="back" value="Go back" class="form-submit" type="button" onclick='history.back();' style=" float:right; width:100px; "></td>
								</tr>
							</tbody>
						</table>
				</div>
          </form>
        </div>
      </div>
    </div>
    <!-- /.section, /#content -->
  </div>
</div>
<!-- /#main, /#main-wrapper -->
